<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
    <div id="vertical" style="overflow-y: scroll; outline: none; width: 80px; -webkit-box-flex:1;">
        <br><br><br><br><br><br><br><br><br>Lorem ipsum
    </div>
</div>
<div style="display: -webkit-box;-webkit-box-orient: horizontal; width: 69px;">
    <pre id="horizontal" style="overflow-x: scroll; outline: none; height: 80px; -webkit-box-flex:1;">
fooooooooooooooo Lorem ipsum
    </pre>
</div>
<div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
<div style="display: -webkit-box; height: 69px; width: 80px;">
    <div id="nest" style="overflow-y: scroll; outline: none; width: 80px; -webkit-box-flex:1;">
        <br><br><br><br><br><br><br><br><br>Lorem ipsum
    </div>
</div>
</div>
<div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
<div style="height: 69px; width: 80px;">
    <div id="nest2" style="overflow-y: scroll; outline: none; width: 80px; height: 69px; -webkit-box-flex:1;">
        <br><br><br><br><br><br><br><br><br>Lorem ipsum
    </div>
</div>
</div>
<div id="console"></div>
<script src="resources/repaint-scrollbar.js"></script>
</body>
</html>
